<template>
<div class="mlDetail">
  <div class="studentSituation-header">{{'2024-2025学年期末学业规划会议'}}</div>
  <el-breadcrumb separator="/" class="studentDetail-headerbottom">
    <el-breadcrumb-item :to="{ path: '/mentor/mentorLog' }">导师日志</el-breadcrumb-item>
    <el-breadcrumb-item>日志详情</el-breadcrumb-item>
  </el-breadcrumb>

    <!-- 版心 -->
  <div class="studentFinishDetail-main">
    <div class="studentDetail-main-top">
      <div style="font-weight: 550; font-size: 25px;">
        {{ '2025学年期末学业规划会议' }}</div>
      <div style="color: #8a8a8b; text-align: center; margin: 15px 0; font-size: 18px;;">
        {{ '2025-06-15' }}</div>
    </div>

    <!-- 会议照片 -->
    <div class="studentDetail-main-subject">
      <div class="studentDetailTitle">会议照片</div>
      <div>
        <img src="../../../assets/image/exa.png" alt="" height="200px">
      </div>
    </div>

    <!-- 会议记录 -->
    <div class="studentDetail-main-subject">
      <div class="studentDetailTitle">会议记录</div>
      <div>
        {{'本次班会于2024年9月15日下午3点在3号教学楼201教室举行，全班32名学生全部出席。'}}
      </div>
    </div>

  </div>
</div>
</template>

<script setup>

</script>

<style scoped lang="scss">
.mlDetail {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  .studentSituation-header {
    width: 100%;
    height: 8vh;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border-top: 1px solid #c9c9ca;
    border-bottom: 1px solid #c9c9ca;
    background-color: #fff;
    font-size: 20px;
    font-weight: 600;
    color: #3352A5;
  }
  .studentDetail-headerbottom {
    width: 100%;
    height: 8vh;
    line-height: 8vh;
    padding: 0 30px;
    font-size: 14px;
    :deep(.el-breadcrumb__inner) {
      font-weight: normal;
      color: #7f7f7f;
    }
  }

  // 版心
  .studentFinishDetail-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;

    .studentDetail-main-subject {
      display: flex;
      flex-direction: column;
      width: 85%;
      background-color: #fff;
      padding: 20px;
      margin: 20px 0;
      border-radius: 8px;
      .studentDetailTitle {
        width: 100%;
        margin: auto;
        color: #3352A5;
        font-size: 20px;
        font-weight: 700;
        border-bottom: 1px solid #E0E0E0;
        margin-bottom: 15px;
      }
    }

  }

}
</style>